
<!DOCTYPE html>
<html lang="en" >

<head>
	<meta charset="UTF-8">
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Vision" />
    <!-- Links -->
    <link rel="icon" type="image/png" href="images/favicon.png" />
    <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="icofont.min.css">
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/slick.css" rel="stylesheet" />
    
    <link href="css/main.css" rel="stylesheet" />
	<title>Profile Card</title>
	<meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">


<link rel="stylesheet" href="css/style.css">


</head>

<body>
<header id="home">
    <div class="container">
      <nav class="navbar navbar-expand-lg navbar-light ">
        <!-- Change Logo Img Here -->
        <a class="navbar-brand" href="#"><img src="images/logo.svg" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <div class="interactive-menu-button">
            <a href="#">
              <span>Menu</span>
            </a>
          </div>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <!-- Nav Link -->
              <a class="nav-link" data-scroll href="index.html">主页.<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <!-- Nav Link -->
              <a class="nav-link" data-scroll href="food.html">食品.</a>
            </li>
            <li class="nav-item">
              <!-- Nav Link -->
              <a class="nav-link" data-scroll href="batch.html">批次.</a>
            </li>
            <li class="nav-item">
              <!-- Nav Link -->
              <a class="nav-link" data-scroll href="user.html">人员管理.</a>
            </li>
            <li class="nav-item">
              <!-- Nav Link -->
              <a class="nav-link active" data-scroll href="about.html">关于我们.</a>
            </li>
			<li class="nav-item">
			  <!-- Nav Link -->
			  <a class="nav-link" data-scroll href="log.html">日志.</a>
			</li>
            <!-- <li class="nav-item dropdown">
             
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">EN</a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#">DE </a>
                <a class="dropdown-item" href="#">ES </a>
              </div>
            </li> -->
          </ul>
          <a data-scroll href="my.html" class="contact-btn form-inline my-2 my-lg-0">
            <!-- Contacgt Us Button -->
            <button>个人信息</button>
          </a>
        </div>
      </nav>
    </div>
    </header>
<div class="wrapper">
	<div class="profile-card js-profile-card">
		<div class="profile-card__img">
			<img src="images/timg.jpg" alt="profile card">
		</div>
	
		<div class="profile-card__cnt js-profile-cnt">
			<div class="profile-card__name">我们的公司，Company Doob </div>
			<div class="profile-card__txt">Doob是一家很好的公司.有特别好的企业文化.</div>
			<div class="profile-card-loc">
				<span class="profile-card-loc__icon">
					<svg class="icon"><use xlink:href="#icon-location"></use></svg>
				</span>
				<span class="profile-card-loc__txt">领导们都很棒棒~</span>
			</div>
		
			<div class="profile-card-inf">
				<div class="profile-card-inf__item">
					<div class="profile-card-inf__title">1598</div>
					<div class="profile-card-inf__txt">合作公司</div>
				</div>
			
				<div class="profile-card-inf__item">
					<div class="profile-card-inf__title">65</div>
					<div class="profile-card-inf__txt">海外公司</div>
				</div>
			
				<div class="profile-card-inf__item">
					<div class="profile-card-inf__title">123</div>
					<div class="profile-card-inf__txt">国内公司</div>
				</div>
			
				<div class="profile-card-inf__item">
					<div class="profile-card-inf__title">85</div>
					<div class="profile-card-inf__txt">建设中</div>
				</div>
			</div>
		
			<div class="profile-card-social">
				<a href="#" class="profile-card-social__item facebook">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-facebook"></use></svg>
					</span>
				</a>
			
				<a href="#" class="profile-card-social__item twitter">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-twitter"></use></svg>
					</span>
				</a>
			
				<a href="#" class="profile-card-social__item instagram">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-instagram"></use></svg>
					</span>
				</a>
			
				<a href="#" class="profile-card-social__item behance">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-behance"></use></svg>
					</span>
				</a>
				
				<a href="#" class="profile-card-social__item github">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-github"></use></svg>
					</span>
				</a>
				
				<a href="#" class="profile-card-social__item codepen">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-codepen"></use></svg>
					</span>
				</a>
				
				<a href="#" class="profile-card-social__item link">
					<span class="icon-font">
						<svg class="icon"><use xlink:href="#icon-link"></use></svg>
					</span>
				</a>
			
			</div>
		
			<div class="profile-card-ctr">
				<button class="profile-card__button button--blue js-message-btn">留下你的信息</button>
				<button class="profile-card__button button--orange">与我们合作</button>
			</div>
		</div>
	
		<div class="profile-card-message js-message">
			<form class="profile-card-form">
				<div class="profile-card-form__container">
					<textarea placeholder="Say something..."></textarea>
				</div>
			
				<div class="profile-card-form__bottom">
					<button class="profile-card__button button--blue js-message-close">
					Send
					</button>
					
					<button class="profile-card__button button--gray js-message-close">
					Cancel
					</button>
				</div>
			</form>
		
			<div class="profile-card__overlay js-message-close"></div>
		</div>
	
	</div>

</div>

<script  src="js/index.js"></script>




</body>

</html>
